/* qhl_css */
@charset "utf-8";

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#e90000;}
.blue{ color:#1550b6;}
.orange{ color:#ec8000;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapcc{ width:1200px; margin:0 auto;}


/* content*/
.bannerx{ height:228px; background:url(../images/bannerx.jpg) no-repeat center;}

.bigtit{ padding:36px 0 0; border-bottom:1px solid #d0dadc; margin-bottom:20px;font-family:microsoft yahei;}
.bigtit strong{ font-size:26px; color:#1e56b5; display:inline-block; letter-spacing:3px; border-bottom:2px solid #000; padding-bottom:10px;}
.bigtit em{ font-style:normal; color:#666; font-size:16px; letter-spacing:3px;}
.bigtit .fr{ color:#666; font-size:13px;}
.bigtit a{ color:#666; text-decoration:none;}

.subnav ul{ list-style:none;padding:15px 0px 25px; border-bottom:1px solid #eee;}
.subnav li{ float:left; font-size:16px; border:1px solid #e8e8e8; border-radius:5px; background-color:#f9f9f9; padding:5px 3%; margin:0 10px;}
.subnav a{ text-decoration:none; font-family:microsoft yahei;}
.subnav .on{ background-color:#049fd8; color:#fff; border-color:#049fd8;}
.subnav .on a{ color:#fff;}

.content{ padding:20px 0 0px;font-family:microsoft yahei;font-size:14px;}

.content .comp .line{ background:url(../images/comp.jpg) no-repeat right center; background-size:auto 100%;}
.content .comp .boxfl{ padding:35px 60px; width:57%; box-sizing:border-box; background-color:#eee;}
.content .comp .introtit{ font-size:18px; font-weight:bold;}
.content .comp em{ display:block; width:70px; height:2px; background-color:#666; margin:20px 0 30px;}
.content .comp .complist{ margin:40px 0 20px; overflow:hidden;}
.content .comp li{ width:25%; padding:0 10px; box-sizing:border-box; float:left; background-position:center center; text-align:center;}
.content .comp .img{ background-position:center center; background-repeat:no-repeat; padding:30px 0;}
.content .comp .img img{ max-width:80px; padding:0 10px; width:100%; box-sizing:border-box;}
.content .comp .icon{ padding-top:12px;}
.content .comp .txt{ margin-top:20px;}
.content .comp .tit{ font-size:20px; margin-top:20px;}
.content .comp .li01 .img{ background-image:url(../images/tb01bg.png);}
.content .comp .li02 .img{ background-image:url(../images/tb02bg.png);}
.content .comp .li03 .img{ background-image:url(../images/tb03bg.png);}
.content .comp .li04 .img{ background-image:url(../images/tb04bg.png);}

.content .pro li{ float:left; text-align:center; width:25%; margin-bottom:20px;}
.content .pro a{ display:block; padding:0 10px;}
.content .pro .img img{ width:100%;}

.content .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.content .news li a{ display:block; width:1170px; margin:0 auto;}
.content .news .img{ float:left; transition:.2s; margin-right:40px;}
.content .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.content .news .txt{ transition:.5s; }
.content .news .tit{ font-size:18px; color:#000; line-height:23px;}
.content .news .time{ font-size:12px; color:#888; padding:5px 0;}
.content .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.content .news li:hover{ background:#f8f8f8;}
/*.main .news li:hover .img{transform:translateX(6px);}
.main .news li:hover .txt{transform:translateX(-6px);}*/
.content .news a:hover{ text-decoration:none;}

.content .feedback{ background:url(../images/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.content .feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.content .feedback .line{ overflow:hidden; margin-top:15px;}
.content .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.content .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.content .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.content .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.content .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer; background-color:#ddd;}
.content .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.content .feedback img{ position:absolute; bottom:-48px; right:0px;}

.content .contact{ border:1px solid #eee; line-height:30px;}
.content .contactfl{ width:40%; float:left; padding:2%; background:url(../images/map.png) no-repeat right bottom;}
.content .contactfr{ width:56%; float:right;}
.content .contactfr img{ max-width:none;}


/*page*/
.leftside{ width:24%; float:right;}
.leftside h3{ margin:0px; border-bottom:1px solid #ccc; padding:10px 0 20px; font-size:24px; font-weight:600;}
.leftside ul{ margin-top:20px;}
.leftside li{ border-bottom:1px solid #eee; line-height:42px; text-indent:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px;}
.leftside a:hover,.leftside li.on a{ color:#049fd8;}

.leftsidem{ margin:0 10px 35px; line-height:35px;  position:relative; border:1px solid #28529c;  }
.leftsidem .boxfl{ font-size:13px; width:30%; float:left; background-color:#0063d1; text-align:center; color:#fff; font-weight:bold; font-family:microsoft yahei;}
.leftsidem .boxfl a{ color:#fff;}
.leftsidem .boxfr{font-size:13px; width:70%; float:right; background-color:#eee; text-indent:10px; position:relative; cursor:pointer;}
.leftsidem  ul{display:none; position:absolute;top:36px; left:-1px; z-index:2; background-color:#fff; width:100%;border:1px solid #ccc; border-top:none; box-shadow:0 10px 10px #ccc; padding:10px 0;}
.leftsidem li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative;}
.leftsidem li a{ display:block;}
.leftsidem  span{ display:block; padding:0 10px;  right:10px; top:0px; position:absolute;font-weight:bold; color:#28529c; font-size:13px; font-family:simsun;}
.leftsidem  ul.boxon{ display:block}

.concon{ margin-right:27%; padding-right:3%; border-right:1px solid #ccc; line-height:24px;}
.concon p{ margin:0px;}
.concon .contit{ font-size:22px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding:10px 0 12px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:12px;}
.concon .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.concon .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.concon .conpage a{ display:block; color:#999;}
.concon .conpage a:hover{color:#ff0000;}
.concon .conbtn{ background-color:#ff0000; color:#fff; padding:10px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}

/*class*/
.protab{word-wrap:break-word;word-break:break-all;}
.protab{ border-collapse:collapse; width:100%;}
.protab td{ border:1px solid #ccc; padding:2px; text-align:center;}
.protab tr:nth-child(n){ background-color:#eaf6ff;}
.protab tr:nth-child(2n){ background-color:#fff;}


/* decorate */

/*map*/
#dituContent{width:100%;height:335px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}






/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1200px){
	.wrapcc{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	/*content*/
	.bannerx{ background-size:190% 100%;}
	
	.content .news{ padding:0 2%;}
	.content .news li a{ width:100%;}	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:980px){
	
	/*conent*/	
	.content .comp li .img{ background:none !important;}
	.content .comp li .txt{ display:none;}	
	.content .comp .img{ padding:0;}
	
	.content .pro li{ width:33.3%;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){	
	/*content*/
	.bannerx{ height:120px; background-size:cover;}
	
	.bigtit strong{ font-size:20px;}
	
	.subnav ul{ padding-top:0px;}
	.subnav li{ margin:0 5px; font-size:14px;}
	
	.content .comp .complist{ margin-top:20px;}
	.content .comp .boxfl{ width:100%; padding:20px;}
	.content .comp .tit{ font-size:14px; margin:0px;}
	
	.content .pro li{ width:50%;}
	.content .pro .txt{ font-size:13px;}
	
	.content .news .img{ margin-right:10px;} 
	.content .news .img img{ width:106px; height:80px;}
	.content .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.content .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.content .news li:hover .img{transform:translateX(0px);}
	.content .news li:hover .txt{transform:translateX(0px);}
	
	.content .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}
	
	.content .contact{ border:none;}
	.content .contactfl{ width:100%;}
	
	/*page*/
	.concon{ margin-right:0; padding-right:0px; border:none;}
	.concon .contit{ font-size:18px;}
	
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}